// 圆
.i-circle {
  border-radius: 50%;
}
// 超出隐藏
.i-beyond-hidden {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
// 超出隐藏显示...
.i-beyond-hiding {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
// 超出2行 隐藏显示...
.i-beyond-hiding-2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
// 内容溢出元素框，不修剪
.i-visible {
  overflow: visible !important;
}

// 底部留白 - 为兼容IOS端
.bottom-blank {
  width: 100%;
  height: 96rpx;
}

// 适配ios底部安全区
.safe-bottom-margin {
  margin-bottom: calc(
    var(--window-bottom) + constant(safe-area-inset-bottom)
  ); /* window-bottom + 适配 iPhoneX */
  margin-bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
}
// 适配ios底部安全区
.safe-bottom-padding {
  padding-bottom: calc(
    var(--window-bottom) + constant(safe-area-inset-bottom)
  ); /* window-bottom + 适配 iPhoneX */
  padding-bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
}
// 适配ios底部安全区
.safe-bottom {
  bottom: calc(
    var(--window-bottom) + constant(safe-area-inset-bottom)
  ); /* window-bottom + 适配 iPhoneX */
  bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
}
